<!-- 公告 -->
<div id="notice">
	<div class="iconfont icongonggao"> 公告 : </div>
	<div class="txt">
		<a href="#">{{notice}}</a>
	</div>
</div>

<!-- 轮播图 -->
<div class="mui-slider">
  <div class="mui-slider-group mui-slider-loop">
	<!--支持循环，需要重复图片节点-->
	<div class="mui-slider-item mui-slider-item-duplicate">
		<a href="#"><img src="public/img/slider2.jpg"></a>
	</div>
	<div class="mui-slider-item">
		<a href="#"><img src="public/img/slider1.jpg"></a>
	</div>
	<div class="mui-slider-item">
		<a href="#"><img src="public/img/slider2.jpg"></a>
	</div>
	<!--支持循环，需要重复图片节点-->
	<div class="mui-slider-item mui-slider-item-duplicate">
		<a href="#"><img src="public/img/slider1.jpg"></a>
	</div>
  </div>
  <div class="mui-slider-indicator">
	  <div class="mui-indicator mui-active"></div>
	  <div class="mui-indicator"></div>
  </div>
</div>

<!-- 桌面菜单 -->
<div id="desktop-menu">
	<div class="item">
		<a href="#" style="background:#6641E2;">
			<span class="iconfont iconchongzhi"></span>
		</a>
		<span>充值</span>
	</div>
	<div class="item">
		<a href="#" style="background:#EC971F;">
			<span class="iconfont icontikuanjilu"></span>
		</a>
		<span>提现</span>
	</div>
	<div class="item">
		<a href="#" style="background:#2AC845;">
			<span class="iconfont iconkefu"></span>
		</a>
		<span>客服</span>
	</div>
	<div class="item">
		<a href="#" style="background:#DD524D;">
			<span class="iconfont icongonggao1"></span>
		</a>
		<span>公告</span>
	</div>
</div>

<!-- 图文列表 -->
<div id="cpList">
	<div class="item">
		<a href="#">
			<h5>北京赛车</h5>
			<span class="xq">详情</span>
			<img src="public/img/saiche.png">
			<div class="info">
				<p>期开奖号码：</p>
				<p>当前期数：</p>
				<p>剩余时间：</p>
			</div>
		</a>
	</div>
	<div class="item">
		<a href="#">
			<h5>幸运飞艇</h5>
			<span class="xq">详情</span>
			<img src="public/img/feiting.png">
			<div class="info">
				<p>期开奖号码：</p>
				<p>当前期数：</p>
				<p>剩余时间：</p>
			</div>
		</a>
	</div>
</div>